WHAT IS WEBSITE DEVELOPMENT(FRONT END, BACK END AND FULLSTACK)?

category: WEBSITE DEVELOPMENT

WHAT IS WEBSITE DEVELOPMENT(FRONT END, BACK END AND FULLSTACK)?

Introduction

Have you ever wondered what website development is? Have you ever wondered how different websites on the Internet came to be? Website development or Web development is simply the process involved in developing websites for the internet(www). Web development could range from building simple presentational or static website to complex web applications.

Types of Website Development

  • Front End Development: Responsible for the look and feel of a website. This also accounts for how a website should look like on all devices. Basic languages for Front end Website development includes: HTML, CSS and JavaScript.

This is an example of what the above mentioned languages look like in a text editor

HTML: HYPER TEXT MARKUP LANGUAGE(HTML) is the building block of every website. Its is not a programming Language. More details will be shared on a separate post.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My first Html</title>
</head>
<body>
    <h1>This is my First HTML Code</h1>
    <p>Hello world!!</p>
    <a href="https://codebadgertech.com">Click to Vist Codebadger</a>
</body>
</html>

CSS: Cascading Style Sheet(CSS) is the language used to tell the browser how html contents should be displayed, determining things like color, font, position etc. It is not a programming Language.

h1{
    color: red;
    text-align: center;
    text-decoration: underline;
}

Javascript: This is a programming Language used to add interactive effects to a website.

const heading1 = document.querySelector('h1');
heading1.addEventListener('click', ()=>{
    heading1.innerHTML = 'HELLO JOHN DOE'
});
  • Back End Development: Responsible for building and maintaining the code that a website runs on. This code connects the website to a server and ensures data and transactions are processed correctly. Server-Side programming languages such as JAVASCRIPT(Node js), PHP, PHYTHON, C# etc. are Used for this type of Development.

  • Full-Stack Development: This type of website development covers both front-end and back-end responsibilities.

Thanks for reading.